{% extends 'base/base.html' %}
{% block title %}
    修改密码
{% endblock %}
{% block link %}
    <link rel="stylesheet" href="{% static 'css/user/retrieve-password.css' %}">
{% endblock %}
{% block main %}
    <div id="main">
        <div class="retrieve-contain">
            <div class="top-contain">
                <h2>找回密码</h2>
                <a href="{% url 'user:login' %}" class="return">返回登录></a>
            </div>
            <form action="" method="post" class="form-contain">
                {% csrf_token %}
                <div class="form-item">
                    <input type="tel" placeholder="请输入绑定的手机号" name="tel" class="tel"
                           autocomplete="off" >
                </div>
                <div class="form-item">
                    <input type="text" class="sms-captcha" placeholder="请输入短信验证码" name="sms-captcha">
                    <a href="javascript:void(0);" class="sms-captcha-btn">获取短信验证码</a>
                </div>
                <div class="form-item">
                    <input type="password" placeholder="请输入新的密码" name="password" class="password"
                           autocomplete="off" >
                </div>
                <div class="form-item">
                    <input type="password" placeholder="请确认输入的密码" name="password-confirm" class="password-confirm"
                           autocomplete="off" >
                </div>
                <div class="form-item">
                    <input type="submit" class="retrieve-btn" value="重置密码">
                </div>

            </form>

        </div>
    </div>
{% endblock %}
{% block script %}
    <script src="{% static 'js/user_retrieve_password.js' %}"></script>
{% endblock %}